<@override name="title">系统控制台</@override>
<@override name="viewcss">
<link rel="stylesheet" type="text/css" href="${ctx}/static/scripts/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.css"/>
</@override>
<@override name="viewbody">
<div class="row">
    <div class="col-md-12">
        <h3 class="page-title">
            系统控制台
            <small>系统统计分析信息</small>
        </h3>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <i class="fa fa-dashboard"></i>
                <a href="${ctx}/home">
                    系统控制台
                </a>
            </li>
            <li class="pull-right">
                <div id="dashboard-report-range" class="dashboard-date-range tooltips" data-placement="top" data-original-title="切换统计时间">
                    <i class="fa fa-calendar"></i><span></span>
                    <i class="fa fa-angle-down"></i>
                </div>
            </li>

        </ul>
    </div>
</div>


<div class="clearfix">
</div>
系统控制台
<div class="row">
<div class="col-md-8">

            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="dashboard-stat blue">
                        <div class="visual">
                            <i class="fa fa-rocket"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                389
                            </div>
                            <div class="desc">
                                活跃会员
                            </div>
                        </div>
                        <a class="more" href="#">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="dashboard-stat green">
                        <div class="visual">
                            <i class="fa fa-signal"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                205
                            </div>
                            <div class="desc">
                                新注册用户
                            </div>
                        </div>
                        <a class="more" href="#">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="dashboard-stat yellow">
                        <div class="visual">
                            <i class="fa fa-plane"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                205
                            </div>
                            <div class="desc">
                                取消关注用户
                            </div>
                        </div>
                        <a class="more" href="#">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
            </div>


    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-tasks"></i>会员信息
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="easy-pie-chart">
                        <div class="number transactions" data-percent="100">
                            <span>389</span>
                        </div>
                        <a class="title" href="#">
                            菜单访问次数 <i class="m-icon-swapright"></i>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="easy-pie-chart">
                        <div class="number visits" data-percent="100">
                            <span>389</span>
                        </div>
                        <a class="title" href="#">
                            餐饮预定次数 <i class="m-icon-swapright"></i>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="easy-pie-chart">
                        <div class="number bounce" data-percent="100">
                            <span>389</span>
                        </div>
                        <a class="title" href="#">
                            游戏参与次数 <i class="m-icon-swapright"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="easy-pie-chart">
                        <div class="number transactions" data-percent="100">
                            <span>389</span>
                        </div>
                        <a class="title" href="#">
                            KTV预定次数 <i class="m-icon-swapright"></i>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="easy-pie-chart">
                        <div class="number visits" data-percent="100">
                            <span>389</span>
                        </div>
                        <a class="title" href="#">
                            影讯浏览次数 <i class="m-icon-swapright"></i>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">

                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="portlet box blue tabbable ">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-bar-chart-o"></i>每日访问排行
            </div>
            <div class="tools">
                <a href="javascript:;" class="reload">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="portlet-tabs">
                <ul class="nav nav-tabs" style="margin-right: 50px">

                    <li>
                        <a href="#portlet_tab1" data-toggle="tab" id="statistics_amounts_tab">
                            品牌
                        </a>
                    </li>
                    <li class="active">
                        <a href="#portlet_tab2" data-toggle="tab">
                            活动
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane " id="portlet_tab1">
                        <div class="table-responsive">
                            <table class="table table-condensed table-hover table-striped">
                                <thead>
                                <tr>
                                    <th>&nbsp;</th>
                                    <th>名称</th>
                                    <th>访问量</th>
                                </tr>
                                </thead>
                                <tbody>
                                <#list dailyBrand! as stat>
                                    <tr>
                                        <td><span class="badge badge-primary">${stat_index+1}</span></td>
                                        <td>${stat.name!}</td>
                                        <td>${stat.times!}</td>
                                    </tr>
                                </#list>
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="tab-pane active" id="portlet_tab2">

                        <div class="table-responsive">
                            <table class="table table-condensed table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>&nbsp;</th>
                                        <th>活动名称</th>
                                        <th>访问量</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <#list mallTimes! as mt>
                                    <tr>
                                        <td><span class="badge badge-primary">${mt_index+1}</span></td>
                                        <td>${mt.name!}</td>
                                        <td>${mt.times!}</td>
                                    </tr>
                                </#list>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<div class="clearfix"></div>

<div class="row">
    <div class="col-md-12">
        <div class="portlet box blue">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa  fa-gamepad"></i>游戏参与统计
                </div>
                <div class="tools">
                    <a href="javascript:;" class="collapse">
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div id="chart_4" class="chart">
                </div>
            </div>
        </div>

    </div>
</div>

</@override>

<@override name="viewmodule">home</@override>
<@extends name="../_basic/main.ftl"></@extends>